<!DOCTYPE html>
<!-- <html lang="en"> -->
<!-- http://www.cnblogs.com/laneyfu/p/4191295.html -->
<html>
<head>

<meta charset="utf-8">
<title>HTML5 Demo</title>
<meta name="author" content="PING" />
<meta name="keywords" content="网站建设">
<meta name="description" content="案例">

<!-- meta使用viewport以确保页面可自由缩放 -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width">
<meta name="format-detection" content="telephone=no">

<link rel="stylesheet" type="text/css" href="libs/css/global_ping.css">

<!-- Vue.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.2.1/vue.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue-resource/1.2.1/vue-resource.min.js"></script>


<!-- Swiper.js 
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.1/css/swiper.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.1/js/swiper.min.js"></script>
-->
<link rel="stylesheet" type="text/css" href="libs/Swiper/dist/css/swiper.min.css">
<script src="libs/Swiper/dist/js/swiper.min.js"></script>


<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="http://apps.bdimg.com/libs/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.css">

<link rel="stylesheet" type="text/css" href="http://apps.bdimg.com/libs/animate.css/3.1.0/animate.min.css">

<script type="text/javascript">
// 添加缓存 from memory cache
var time = new Date().getTime();
document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"libs/css/themes.css?time="+time+"\"/>");
document.write("<scr" + "ipt src='libs/js/config.js?time="+time+"'></scr" + "ipt>");
console.log(time)
</script>

</head>    
    <body>
        <div class="top_line"><div class="container">
            font-family:"Microsoft YaHei","微软雅黑",Helvetica,Arial,sans-serif;
        </div></div>
        <div class="container">
            <header class="now">


            <a href="javascript:;" class="logo col-md-4"><img src="libs/img/logo.jpg"></a>
            <!-- 导航菜单 -->
            <nav class="col-md-8">
                <ul class="navbar-nav">
                    <!-- 
                    <li><a href="javascript:;">首页</a></li>
                    <li><a href="javascript:;">关于我们</a></li>
                     -->
                </ul>
            </nav>
            <!-- 导航菜单 end-->

            </header>
        </div>

        <div class="banner">
            <!-- Swiper -->
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <a class="swiper-slide" href="javascript:;"><img src="https://cbu01.alicdn.com/img/ibank/2016/173/520/3627025371_1122626437.jpg"></a>
                    <a class="swiper-slide" href="javascript:;"><img src="https://cbu01.alicdn.com/img/ibank/2016/116/278/3626872611_1122626437.jpg"></a>
                    <a class="swiper-slide" href="javascript:;"><img src="https://cbu01.alicdn.com/img/ibank/2016/357/583/3632385753_1122626437.jpg"></a>
                </div>
                <div class="swiper-pagination"></div>
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
            </div>
        </div>

        <!-- 内容 -->
        <section>
        	<!-- 文章 -->
            <article></article>
            <article></article>
            <!-- 文章 end-->
        </section>
        <!-- 内容 end-->

        <!-- 边内容 -->
        <aside></aside>
        <!-- 边内容 end-->

        <footer>
            <div class="container">
                <div class="now">
                    <div class="col-md-2">
                        <h4>col-md-2</h4>
                        <a href="">链接内容</a>
                        <a href="">链接内容</a>
                        <a href="">链接内容</a>
                    </div>
                    <div class="col-md-2">
                        <h4>服务与支持</h4>
                        <a href="">链接内容</a>
                        <a href="">链接内容</a>
                        <a href="">链接内容</a>
                    </div>
                    <div class="col-md-2">
                        <h4>col-md-2</h4>
                        <a href="">链接内容</a>
                        <a href="">链接内容</a>
                        <a href="">链接内容</a>
                    </div>
                    <div class="col-md-2">
                        <h4>col-md-2</h4>
                        <a href="">链接内容</a>
                        <a href="">链接内容</a>
                        <a href="">链接内容</a>
                    </div>
                    <div class="col-md-2 col-md-offset-2">二维码 col-md-offset-2</div>
                </div>
            </div>         
        </footer>
        <div class="copyright">
            <div class="container">
                <div class="now">
                <p class="col-md-8">font-family:"Microsoft YaHei","微软雅黑",Helvetica,Arial,sans-serif;</p>
                <p class="col-md-4">
                    <a href="javascript:;" target="_blank">联系我们</a>
                    <a href="javascript:;" target="_blank">友情链接</a>
                    <a href="javascript:;" target="_blank">网站地图</a>
                    <a href="javascript:;" target="_blank">法律声明</a>
                </p>
                </div> 
        </div>
    </div>

    </body>

</html>